<template>
  <router-link class="column-link" :to="toUrl" v-html="title"></router-link>
</template>
<script>
  import ala from 'ala'
export default {
    data () {
      return {
        toUrl: ''
      }
    },
    props: {
      type: {
        default: null
      },
      value: {
        default: null
      },
      title: {
        default: null
      }
    },
    mounted () {
      this.init()
    },
    methods: {
      init () {
      },
      // 首字母小写
      replaceStr (str) {
        var strTemp = '' // 新字符串
        for (var i = 0; i < str.length; i++) {
          if (i === 0) {
            strTemp += str[i].toLowerCase() // 第一个
            continue
          }
          if (str[i] === ' ' && i < str.length - 1) { // 空格后
            strTemp += ' '
            strTemp += str[i + 1].toLowerCase()
            i++
            continue
          }
          strTemp += str[i]
        }
        return strTemp
      }
    }
  }
</script>
<style lang="scss" rel="stylesheet/scss">
@import '@/assets/style/theme.scss';
  .el-table td {
    padding: 10px 0 !important;
    .column-link,
    .column-link:visited,
    a:visited {
      text-decoration: none;
      color:$gl-primary;
    }

    .column-link:hover,
    a:hover {
      color: #ad5beb;
    }
  }
</style>
